<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="my" tagdir="/WEB-INF/tags/"%>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath}"></c:set>
    <!DOCTYPE html>
 <html lang="zh-cn">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="${contextPath}/css/bootstrap.css" />
    <script type="text/javascript" src="${contextPath}/js/jquery-1.11.1.js"></script>
   <script type="text/javascript" src="${contextPath}/js/bootstrap.js"></script>
   <script type="text/javascript">
   			function dropDown(btn){
   				$("#"+btn).toggle(300);
   			}
//    		function dropDown(btn){
//    			var q = document.getElementById(btn);
//    			if(q.getAttribute('ind')=='1'){
//    				q.style.display='block';
//    			}
//    			else{
//    				q.style.display='none';
//    			}
//    			if(q.getAttribute('ind')=='1'){
//    				q.setAttribute('ind','2');
//    			}
//    			else{
//    				q.setAttribute('ind','1');
//    			}
   				
//    		}
   </script>
    <title></title>
 </head>
	
  <body style="background-color:#ebebeb;">
   <div class="container" style="background-color:#fff;border:2px solid #ddd;border-radius:5px;"  >

   <div class="row" style="margin: 50px 0px 0px;">
	
	</div>
	<div class="row" style=";">
			<div class="col-md-12"  >
				<img  style="width:750px"alt="logo" src="${contextPath}/img/115.jpg">
			</div>
		</div>
	
    <div  class="navbar navbar-fixed-top navbar-inverse" >
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
 
          </button>
          <a class="navbar-brand" href="${contextPath}/list.htm">首页</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="container" style="margin-top:20px;" >

      <div class="row row-offcanvas row-offcanvas-right" style="margin-top:15px;">

        <div  class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
          <div  class="list-group" style="width:190px;">
          <div style="margin-bottom:5px;">
          	<a  href="javascript:dropDown('listLeft1');" class="list-group-item active">菜单</a>
       
            </div>
            <div style="margin-bottom:5px;">
            <a href="javascript:dropDown('listLeft2');" class="list-group-item active">用户管理</a>
         	 <div style="display:none;" id="listLeft2" ind="1">
            	<a href="${contextPath}/admin/admin.jsp?body=/tiles/adduser.jsp" class="list-group-item">添加用户</a>
            	<a href="${contextPath}/admin/admin.jsp?body=/showuser.htm" class="list-group-item">查看用户</a>
            </div>
            </div>
            <div style="margin-bottom:5px;">
           <a href="javascript:dropDown('listLeft3');" class="list-group-item active">图书管理</a>
           <div style="display:none;" id="listLeft3" ind="1">
            	<a href="${contextPath}/admin/admin.jsp?body=/tiles/addbooks.jsp" class="list-group-item">添加图书</a>
            	<a href="#" class="list-group-item">查看图书</a>
            </div>
            </div> 
            <div style="margin-bottom:5px;">
            <a href="javascript:dropDown('listLeft4');" class="list-group-item active">出版社管理</a>
           <div style="display:none;" id="listLeft4" ind="1">
            	<a href="${contextPath}/admin/admin.jsp?body=/tiles/addpublisher.jsp" class="list-group-item">添加出版社</a>
            	<a href="${contextPath}/showpublisher.htm" class="list-group-item">查看出版社</a>
            </div>
            </div>
            <div style="margin-bottom:5px;">
              <a href="javascript:dropDown('listLeft5');" class="list-group-item active">作者管理</a>
         <div style="display:none;" id="listLeft5" ind="1">
            	<a href="#" class="list-group-item">添加作者</a>
            	<a href="${contextPath}/showauthors.htm" class="list-group-item">查看作者</a>
            </div>
            </div>
       
</div>
        </div><!--/span-->

				<div class="row" >
				<div class="" style="float:left;border:2px solid #ddd;border-radius:5px;width:530px;min-height:400px;margin-left:25px;">
					<tiles:insertAttribute name="body"></tiles:insertAttribute>
				</div>
<!-- 				<div class="col-6 col-sm-6 col-lg-3"style="margin: 0px 0px 10px 30px; border:1px solid #ccc; border-left-width:3px; -->
<!-- 					 border-top-width:2px; border-radius:5px;height:200px;"> -->
<!-- 						<h2>用户管理</h2> -->
<!-- 						<div class="btn-group"> -->
<!-- 							<button type="button" class="btn btn-default dropdown-toggle" -->
<!-- 								data-toggle="dropdown" style="background-color: #428BCA;"> -->
<!-- 								Action <span class="caret"></span> -->
<!-- 							</button> -->
<!-- 							<ul  style="background-color:#39B3D7;" class="dropdown-menu" > -->
<!-- 								<li><a href="#">增加</a></li> -->
<!-- 								<li><a href="#">删除</a></li> -->
<!-- 								<li><a href="#"></a></li> -->
<!-- 							</ul> -->
<!-- 						</div> -->
<!-- 					</div> -->
				
				</div>
				<!--/row-->

        </div><!--/span-->

      </div><!--/row-->

    </div><!--/.container-->
  </body>
</html>
